
.menu_left {
  background: #424f63;
  .brand {
    height: 50px;
    font-size: 24px;
    line-height: 50px;
    color: #FFF;
    padding-left: 15px;
    white-space: nowrap;overflow: hidden;;
    i {
      display: none;
    }
    transition: 200ms;
  }
  .item {
    height: 40px;
    display: block;;
    font-size: 16px;
    padding-left: 15px;
    line-height: 40px;
    transition: 200ms;
    cursor: pointer;white-space: nowrap;overflow: hidden;;
    color: #FFF;
    i:last-child {
      position: relative;
      top: 10px;
      right: 10px;
    }
  }
  .item:hover, .item.active {
    background: #353f4f;
    text-decoration: none;
  }
}

.left-menu, .main {
  transition: 100ms;
}

.collapsed-nav {
  .brand {
    padding-left: 11px;
    span {
      display: none;
    }
    i {
      display: block;
    }
  }
  .left-menu {
    width: 50px !important;
  }
  .main {
    margin-left: 50px !important;
  }

  .menu_left {
    background: #424f63;

    .brand {

    }
    .item {
      padding-left: 15px;
      span {
        display: none;
      }
      i:last-child {
        display: none;
      }
    }

  }
}
